<div class="demo-container">
  <div class="demo-example">
    <div class="demo-title">基本用法</div>
    <div class="demo-text">
      共有四种样式：success、danger、warning、info
    </div>
    <d-codebox id="components-tabs-default" [sourceData]="basicSource">
      <d-alert-basic demo></d-alert-basic>
    </d-codebox>
  </div>

  <div class="demo-example">
    <div class="demo-title">可关闭的提示</div>
    <div class="demo-text">
      显示关闭按钮，点击可关闭提示。
    </div>
    <d-codebox id="components-tabs-close" [sourceData]="closeSource">
      <d-alert-close demo></d-alert-close>
    </d-codebox>
  </div>

</div>
